home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web24 / Case 3 / dtable.css < prev    next >
Cascading Style Sheet File  |  2011-03-28  |  2KB  |  46 lines

  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 5
  4.    Case Problem 3
  5.  
  6.    Dome Table Style Sheet
  7.    Author: Jose Puentes
  8.    Date:   3/28/11
  9.  
  10.    Filename:         dtable.css
  11.    Supporting Files: bottom.jpg, bottomleft.jpg, bottomright.jpg, left.jpg, 
  12.                      right.jpg, tableback.jpg, top.jpg, topleft.jpg, topright.jpg
  13. */
  14.  
  15. table.domeSpecs          {float: right; font-size: 12px; background: url(tableback.jpg) no-repeat 98% 70%; margin: 0px 0px 10px 20px; 
  16.                   border-collapse: collapse}
  17.  
  18. table.domeSpecs caption     {font-size: 16px; letter-spacing: 5px; text-align: center; caption-side: top}
  19.  
  20. table.domeSpecs col.firstColumn {background: url(left.jpg) repeat-y left; width: 22%}
  21.  
  22. table.domeSpecs col.lastColumn  {background: url(right.jpg) repeat-y right; width: 22%}    
  23.  
  24. table.domeSpecs col.middleColumns {background: url(blank.gif); width: 28%}    
  25.  
  26. table.domeSpecs thead         {background: url(top.jpg) repeat-x top; border-bottom: 2px solid gray}
  27.  
  28. table.domeSpecs tbody tr     {border-bottom: 1px dotted gray}
  29.  
  30. table tfoot             {background: url(bottom.jpg) repeat-x bottom; border-top: 2px solid gray; 
  31.                  text-align: center}
  32.         
  33. table.domeSpecs td         {padding: 0px 5px} 
  34.  
  35. table.domeSpecs th         {padding: 0px 5px; letter-spacing: 2px}
  36.  
  37. table.domeSpecs tr         {height: 30px}    
  38.  
  39. table.domeSpecs #topLeft     {background: url(topleft.jpg) no-repeat top left}
  40. table.domeSpecs #topRight     {background: url(topright.jpg) no-repeat top right}
  41.  
  42. table.domeSpecs #bottomLeft     {background: url(bottomleft.jpg) no-repeat bottom left}
  43. table.domeSpecs #bottomRight     {background: url(bottomright.jpg) no-repeat bottom right}    
  44.  
  45.  
  46.